$(document).ready(function () {

    new Promise(function (resolve,reject){
        //异步代码
        init(resolve)
    }).then(function (data){
        //代码块2
        query()
    }).catch(function (data){
        //代码块3
    })
    $("#findBtn").click(doQuery)

    $("#addBtn").click(function () {
        //iframe层
        parent.layer.open({
            type: 2,
            title: "添加课程信息",
            shadeClose: true,
            shade: 0.8,
            area: ['700px', '400px'],
            content: '/mgr/course/add.html',
            end: function () {
                // location.reload();
                //清空查询条件，查询所有数据，目的是能够让新加的数据显示出来
                $("#d_name").val("")
                $("#d_lacel").val("-1")
                doQuery()
            }
        });
    })
})
function doQuery() {
    const cname = $("#cname").val()
    let tid = $("#tid").val()
    if(tid == -1){
        tid = "";
    }
    // 清空表格
    $("#tbdy").empty()
    // 进行查询
    query(cname,tid)
}

function query(cname,tid) {

    $.ajax({
        url: '/mgr/course/list',//请求的url。在html中的/，表示从域名后面开始
        type: 'get', //请求方式，GET或POST
        data: { //要提交给服务器的数据
            cname,
            tid
        },
        dataType: 'json',//服务器返回数据的类型
        success: function (data) {//成功时执行该函数，data就是服务器返回的数据
            if (data.code == 0) {

                for (let item of data.data) {
                    let state = null
                    if(item.stat == "0"){
                        state = "是"
                    }else if(item.stat == "1"){
                        state = "否"
                    }

                    let row = `
                            <tr>
                                <td width="120">${item.cname}</td>
                                <td width="120">${item.ctime}</td>
                                <td width="120">${item.place}</td>
                                <td width="120">${item.tname}</td>
                                <td width="120">${state}</td>
                                <td width="200" align="center">
                                    <button type="button" class="btn btn-primary btn-xs   glyphicon glyphicon-edit" onclick="show(${item.cid})">详情</button>
                                    <button type="button" class="btn btn-primary btn-xs   glyphicon glyphicon-edit" onclick="showById(${item.cid})">修改</button>
                                    <button type="button" class="btn btn-xs btn-danger glyphicon glyphicon-trash" onclick="delById(${item.cid})"></button>
                                </td>
                            </tr>
                        `
                    $("#tbdy").append(row)
                }

            } else {
                $("#msg").html(data.msg)//向id是msg的标签，显示文字
            }
        },
        error: function (xhr, textStatus) {//错误时执行该函数
            console.log('错误')
            console.log(xhr)
            console.log(textStatus)
        }
    })
}

function delById(cid) {
    //询问框
    parent.layer.confirm('您确定删除该条记录吗？', {
        btn: ['确定', '取消'], //按钮
        shade: false //不显示遮罩
    }, function (index) {
        delByIdAjax(cid)
        parent.layer.close(index)
    }, function () {

    });
}

function showById(cid) {
    //iframe层
    parent.layer.open({
        type: 2,
        title: '修改名片',
        shadeClose: true,
        shade: 0.8,
        area: ['580px', '400px'],
        content: '/mgr/course/showById.html?cid=' + cid,
        end: function () {
            doQuery();
        }
    })
}

function delByIdAjax(cid) {
    $.ajax({
        url: '/mgr/course/deleteById',//请求的url。在html中的/，表示从域名后面开始
        type: 'get', //请求方式，GET或POST
        data: { //要提交给服务器的数据
            cid
        },
        dataType: 'json',//服务器返回数据的类型
        success: function (data) {//成功时执行该函数，data就是服务器返回的数据
            //判断，添加成功后，跳转到列表页面
            if (data.code == 0) {
                doQuery();
            } else {
                $("#msg").html(data.msg)//向id是msg的标签，显示文字
            }
        },
        error: function (xhr, textStatus) {//错误时执行该函数
            console.log('错误')
            console.log(xhr)
            console.log(textStatus)
        }
    })
}

function init(resolve){
    $.ajax({
        url: '/mgr/course/ShowTrainerList',//请求的url。在html中的/，表示从域名后面开始
        type: 'get', //请求方式，GET或POST
        data: {
        },
        dataType: 'json',//服务器返回数据的类型
        success: function (data) {
            if (data.code == 0) {
                for(let item of data.data){
                    const op = `<option value="${item.tid}">${item.tname}</option>`
                    $("#tid").append(op)
                }
            } else {
                $("#msg").html(data.msg)
            }
            resolve()
        },
        error: function (xhr, textStatus) {
            console.log('错误')
            console.log(xhr)
            console.log(textStatus)
        }
    })
}

function show(cid) {
    //iframe层
    parent.layer.open({
        type: 2,
        title: '显示',
        shadeClose: true,
        shade: 0.8,
        area: ['580px', '400px'],
        content: '/mgr/course/show.html?cid=' + cid,
        end: function () {
            doQuery();
        }
    })
}